import React from 'react'
import './index.scss'
import { Row, Col,Input} from 'antd';
import {NavLink} from 'react-router-dom'

import {
  UserOutlined,ShoppingCartOutlined,SearchOutlined

} from '@ant-design/icons';


class C extends React.Component{
	render(){
			return <div><div className="head-box">
				<Row>
					<Col span={4}>
						<UserOutlined style={{fontSize:"20px"}}/>
					</Col>
					<Col span={16} >
						
						 <Input className="searchInput" size="large" placeholder="保湿面膜0.1元" prefix={<SearchOutlined />} />
					</Col>
					<Col span={4}>
						<ShoppingCartOutlined style={{fontSize:"20px"}} />
					</Col>
				</Row>
			</div>
			<div className="nav-box">
				<NavLink to="/" exact={true}><span>今日推荐</span></NavLink>
				<NavLink to="/mask"><span>面膜中心</span></NavLink>
			</div>
			</div>
	}
}
export default C;